<template>
	<view class="page">
		
	        <u-popup v-model="show" mode="center" :mask-close-able="false" :zoom="true">
				<view class="popup-content">
					<view >
					<view style="display: flex;justify-content: center;">
					<view class="logo-content">
						<image class="logo-img" src="../../static/img-siji.png" mode="widthFix"></image>
					</view>
				
					</view>
					<view class="char-style" >
						请准备好注册所需材料
						
					</view>
					<view class="char-style">
						1.身份证 
					</view>
					<view class="char-style">
						2. 行驶证
					</view>
					<view class="char-style">
						3. 驾驶证
					</view>
					<view class="char-style">
						4. 车辆45°角照片
					</view>
					<view class="char-style">

						5. 本人照片
					</view>
					</view>
				</view>
				<view style="width: 100%; display: flex;justify-content: center;" >
					
			      
				<view class="button-style flex-content" @click="closepopup">
					我知道了
				</view>
					</view>
			</u-popup>
			
			
		<block >
			
        <stepscontent :item="item"></stepscontent>
		<view class="p-25" v-if="isapply&&isdisplay" >
			<view class="br20 bg-white p-b-30">
				<view class="p-t-55 flex-content">
					<view class="send-icon flex-content">
						<u-icon name="checkmark" color="#fff" size="58"></u-icon>
					</view>
				</view>
				<view class="flex-content xxl m-t-30">
					{{tiptop}}
				
				</view>
				<view class="flex-content xxl m-t-15">
						{{tipbtm}}
				</view>
			</view>
		</view>
		<view  v-if="!isapply&&isdisplay" class="flex" style="color: #838383;height: 110rpx;padding-left: 30rpx;font-size: 30rpx;">
			以下信息仅用于资质审核，绝不外泄！
		</view>
			<view class="" v-if="!isapply&&isdisplay">
				<view class="bg-white mt8 ">
				<view class="flex essential-information" >
					<view style="width: 10rpx; height: 50rpx;background-color: #dd6161;border-radius: 20rpx;margin-left: 30rpx; ">
						
					</view>
					<view  style="font-size: 40rpx; font-weight: 600; margin-left: 10rpx;">
						基本信息
					</view>
				</view>
				<!-- 	<u-form :model="info" ref="uForm"  >
						<u-form-item label="司机姓名" :label-width="180" label-align="center"><u-input v-model="info.driver_name" /></u-form-item> -->
						<!-- <u-form-item label="手机号码" :label-width="180" label-align="center">
							<u-input v-model="info.mobile" />
						</u-form-item> -->
						
					<!-- 	<u-form-item label="车牌号码" :label-width="180" label-align="center"  @click="selectNumber">
							<u-input v-model="info.licence" @click="selectNumber" :disabled="true" @focus="selectNumber"/>
						</u-form-item>
						<u-form-item label="身份证号" :label-width="180" label-align="center">
							<u-input v-model="info.id_card"  />
						</u-form-item>
						<u-form-item label="区域编号" :label-width="180" label-align="center">
							<u-input v-model="info.code"   placeholder="请输入区域编号(可选)" />
						</u-form-item> -->

						<!-- <u-form-item label="验证码">
							<view class="flex col-center " style="width: 100%;">
								<view class="flex-2">
									<u-input v-model="info.code" type="number" />
								</view>
								<view class="text-center flex-1" @click="sendSmsFun">
									<u-verification-code unique-key="store-settled" ref="uCode" @change="codeChange">
									</u-verification-code>
									<view class="xs">{{codeTips}}</view>
								</view>
							</view>
						</u-form-item> -->
					<!-- </u-form> -->
				</view>
				<view class="">
					<u-cell-group>
						<u-cell-item  title="接单城市" :value="addressValue" @click="addressShow=true" hover-class="none"></u-cell-item>
						
						<u-cell-item  title="车辆信息" @click="selectCar" :value="typeValue"  hover-class="none"></u-cell-item>
					
					<!-- 	<u-cell-item  title="详细地址" :arrow="false" :use-label-slot="true" hover-class="none">
							<view class="" slot="label" style="width: 686upx;background-color: #f4f5f6;border-radius: 10upx;padding: 10upx 20upx;">
								<u-input type="textarea" placeholder="请输入详细地址" v-model="info.address"></u-input>
							</view>
						</u-cell-item> -->
					</u-cell-group>	
				</view>
				<view class="m-t-20">
					<view style="display: flex;align-items: center;justify-content: space-between;background-color: #FFFFFF;">
					<view class="flex essential-information">
						<view style="width: 10rpx; height: 50rpx;background-color: #dd6161;border-radius: 20rpx;margin-left: 30rpx; ">
							
						</view>
						<view  style="font-size: 40rpx; font-weight: 600; margin-left: 10rpx;">
							证件信息
						</view>
					</view>
					<view class="information" v-show="addressValue=='请选择'||typeValue=='请选择车型'">
						请先填写上方基本信息
					</view>
					</view>
					
				<!-- 	<u-cell-group>
						<u-cell-item  title="车型选择" :value="typeValue"  hover-class="none" @click="typeShow=true"></u-cell-item>
						</u-cell-item>
						<u-cell-item  title="品牌型号"  hover-class="none" :arrow="false">
							<view class="" slot="right-icon">
								<input type="text"  v-model="info.brand_model" placeholder="请输入车辆的品牌型号" />
							</view>
						</u-cell-item>
					</u-cell-group> -->
				</view>
			
				<!-- 图片上传 -->
				<view class="">
					
				</view>
				<view class="    bg-white certificate"  v-if="addressValue!='请选择'&&typeValue!='请选择车型'">
					<view class="certificate-content" v-for="(item,index) in lists" :key="index">
						<view class="certificate-char">
							{{item.name}}
						</view>
						<view class="upload-content  flex-content" @click="uploadImg(item)" :style="item.bgimg">
							<view class="" >
								
						
						<view class="flex-content" v-if="item.bgimg==''">
						<image src="../../static/camera.png" mode="widthFix"></image>
						</view>
						<view class="flex-content">
						<view class="upload-char" v-if="item.bgimg==''">
							点击上传
						</view>
							</view>
							</view>
						</view>
					</view>

				<!-- 	<view class="">
						<view class="tit flex">
							<view class="c-red">
								*
							</view>
							<view class="">
								请上传身份证正面照
							</view>
						</view>
						<view class="">
							<u-upload ref="uUpload" :show-progress="false" :header="{token: $store.getters.token}"
								:max-count="1"  :action="action" upload-text="上传图片"
								@on-success="onSuccess($event,1)"  @on-remove="onRemove($event,1)" />
						</view>
					</view> -->
					<!-- 反面 -->
					<!-- <view class="">
						<view class="tit flex">
							<view class="c-red">
								*
							</view>
							<view class="">
								请上传身份证反面照
							</view>
						</view>
						<view class="">
							<u-upload ref="uUpload" :show-progress="false" :header="{token: $store.getters.token}"
								:max-count="1"  :action="action" upload-text="上传图片"
								@on-success="onSuccess($event,2)"  @on-remove="onRemove($event,2)" />
						</view>
					</view> -->
					<!-- 车辆照片 -->
				<!-- 	<view class="">
						<view class="tit flex">
							<view class="c-red">
								*
							</view>
							<view class="">
								请上传车辆右前照
							</view>
						</view>
						<view class="">
							<u-upload ref="uUpload" :show-progress="false" :header="{token: $store.getters.token}"
								:max-count="1"  :action="action" upload-text="上传图片"
								@on-success="onSuccess($event,3)"  @on-remove="onRemove($event,3)" />
						</view>
					</view> -->
<!-- 					<view class="">
						<view class="tit flex">
							<view class="c-red">
								*
							</view>
							<view class="">
								请上传车辆左前照
							</view>
						</view>
						<view class="">
							<u-upload ref="uUpload" :show-progress="false" :header="{token: $store.getters.token}"
								:max-count="1"  :action="action" upload-text="上传图片"
								@on-success="onSuccess($event,4)"  @on-remove="onRemove($event,4)" />
						</view>
					</view> -->
					<!-- 驾驶证照片 -->
				<!-- 	 <view class="">
						<view class="tit flex">
							<view class="c-red">
								*
							</view>
							<view class="">
								请上传驾驶证照片
							</view>
						</view>
						<view class="">
							<u-upload ref="uUpload" :show-progress="false" :header="{token: $store.getters.token}"
								:max-count="1"  :action="action" upload-text="上传图片"
								@on-success="onSuccess($event,5)"  @on-remove="onRemove($event,5)" />
						</view>
					</view> -->
				</view> 
				
				<view class="bg-white" v-show="addressValue!='请选择'&&typeValue!='请选择车型'">
				<view class="flex essential-information" >
					<view style="width: 10rpx; height: 50rpx;background-color: #dd6161;border-radius: 20rpx;margin-left: 30rpx; ">
						
					</view>
					<view  style="font-size: 40rpx; font-weight: 600; margin-left: 10rpx;">
						个人信息
					</view>
				</view>
				<u-cell-group>
					<u-cell-item  title="姓名"  hover-class="none" :arrow="false">
						<view class="" slot="right-icon">
							<input type="text"  v-model="info.driver_name" placeholder="请输入你的姓名" />
						</view>
					</u-cell-item>
					<u-cell-item  title="身份证号码"  hover-class="none" :arrow="false">
						<view class="" slot="right-icon">
							<input type="text"  v-model="info.id_card" placeholder="请输入你的身份证号" />
						</view>
					</u-cell-item>
					<u-cell-item  title="车牌号码"  hover-class="none" :arrow="false">
						<view class="" slot="right-icon">
							<input type="text"  v-model="info.licence"  @click="selectNumber" placeholder="请输入车牌号码" />
						</view>
					</u-cell-item>
					<u-cell-item  title="品牌型号"  hover-class="none" :arrow="false">
						<view class="" slot="right-icon">
							<input type="text"  v-model="info.brand_model"   placeholder="请输入车辆的品牌型号" />
						</view>
					</u-cell-item>
					<u-cell-item  title="详细地址" :arrow="false" :use-label-slot="true" hover-class="none">
							<view class="" slot="label" style="width: 686upx;background-color: #f4f5f6;border-radius: 10upx;padding: 10upx 20upx;">
								<u-input type="textarea" placeholder="请输入详细地址" v-model="info.address"></u-input>
							</view>
							</u-cell-item>
					
				</u-cell-group>
				</view>

				<!-- <view class="tip-information" v-show="addressValue=='请选择'||typeValue=='请选择'"> -->
				<view class="tip-information p">
					您上传的身份证、驾驶证信息属于敏感个人信息，我们承诺
										收集该信息的目的仅是为了完成实名制认证要求及对您的资
										质进行核验，并且只在您使用相关服务功能的必要期限内存
										储和使用。
				</view>
				<!-- 提交按钮 -->
				<!-- <view class="p1030  bg-white" v-show="addressValue!='请选择'&&typeValue!='请选择'"> -->
				<view class="p1030" style="position:absolute;bottom: 20rpx;width:100%;">
					<view class="footer_btn white text-center" @click="apply">
						确认提交
					</view>
				</view>
				
			</view>
		</block>
		<block v-for="(item,index) in lists" :key="index">
			<upload-masklayer :item="item" :show="item.show" @upsuccess="upsuccess" @closepopup="closeupload"></upload-masklayer>
		</block>
	
			<u-select v-model="addressShow" mode="mutil-column-auto" :list="areaList" @confirm="addressFirm" label-name="label" value-name="value" ></u-select>
			<u-select v-model="typeShow" 
				:list="list" 
				mode="mutil-column-auto"
				label-name="car_name" 
				value-name="id" 
				child-name="car"
				@confirm="typeFirm"
			></u-select>
	</view>
</template>

<script>
	
	import stepscontent from "@/components/steps-content/steps-content"
	import {driverDetail,driverApply,getIndexCar,drApplyDetail,applyInfo} from '@/api/car'
	import {
		baseURL
	} from '@/config/app'
	import {
		sendSms
	} from '@/api/app'
	import {
		SMSType
	} from '@/utils/type'
	import 
		area
	 from '@/utils/area'
	export default {
		components:{
			stepscontent
		},
		data() {
			return {
				area,
				isAgree:false,
				isapply:false,
				list:[],
				show:false,
				isdisplay:false,
				carList:[],
				tiptop:"您的资料信息已提交！",
				tipbtm:"请耐心等候平台工作人员审核~",
				typeShow:false,
				carShow:false,
				showphone:false,
				phone:"",
				typeValue:'请选择车型',
				carValue:'请选择',
				addressShow:false,
				loadShow:true,
				lists:[
					{
						id:0,
						name:"身份证正面照",
						show:false,
						bgimg:"",
						imguri:"",
						photo:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/55b182c6-faf9-428b-af1a-d7b851144661.png",
						tip:"请务必按照上面示例图上传，四角对齐，如模糊、反光、太暗、有遮挡，则不予认证"
					},
					{
						id:1,
						name:"身份证反面照",
						show:false,
						bgimg:"",
						imguri:"",
						photo:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/55b182c6-faf9-428b-af1a-d7b851144661.png",
						tip:"请务必按照上面示例图上传，四角对齐，如模糊、反光、太暗、有遮挡，则不予认证"
					},
					{
						id:2,
						name:"车辆右前照",
						show:false,
						bgimg:"",
						imguri:"",
						photo:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/187ece1c-2ae6-4df8-ab31-55f39ac83ad5.png",
					    tip:"请务必按照上面示例上传，务必45度角拍摄车牌无遮挡，无涂抹"
					},
					{
						id:3,
						name:"车辆左前照",
						show:false,
						bgimg:"",
						imguri:"",
						photo:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/187ece1c-2ae6-4df8-ab31-55f39ac83ad5.png",
						tip:"请务必按照上面示例上传，务必45度角拍摄车牌无遮挡，无涂抹"
					},
					{
						id:4,
						name:"驾驶证照片",
						show:false,
						bgimg:"",
						imguri:"",
						photo:"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/ca9b6ab9-3b31-494a-9976-5b352ab17121.png",
						tip:"请务必按照上面示例图上传，四角对齐，如模糊、反光、太暗、有遮挡，则不予认证"
					},
				],
				smstitle:"",
				smstype:false,
				smscode:"",
				info:{
					driver_name:"",
					mobile:'',
					shop_id:'',
					id_card:'',
					
					province:'',
					city:'',
					district:'',
					address:'',
				    city_id:"",
			  	  district_id:"",
			   	     province_id:"",
					id_card_front:'',
					id_card_contrary:'',
					// 驾驶证
					driving_licence:'',
					licence:'',
					car_category_id:'',
					car_id:'',
					brand_model:'',
					right_img:'',
					left_img:'',
					licence_plate:'',
					car_img:'',
					// 行驶证
					driving_license:'',
					code:'',
				},
				item:{
					one:false,
					tow:false,
				},
				addressValue:'请选择',
				action: baseURL + '/api/file/formimage',
				codeTips:'',
				areaList:[]
			}
		},
		async onLoad(option) {
			
			this.info.mobile=option.phone
			let res= await drApplyDetail()
		
			if(option.carname){
				this.typeValue=option.carname
			}
			if(typeof option!='undefined'){
				if(option.again==1){
					this.getIndexCarFun();
					return 
				}
			}
			this.drApplyDetailFun();
			this.$nextTick(function(){
				this.areaList = area;
			})
			
		},
		methods: {
			addressSelect(){
				let value=this.addressValue
				uni.navigateTo({
					url:'/bundle/pages/dr_apply/select_city?value=' + value
				})
			},
			//关闭回调
			closeupload(id){
				
				this.lists[id].show=false
			},
			uploadImg(item){
				this.lists[item.id].show=true
			},
			async drApplyDetailFun(){
			       let res  = await drApplyDetail()
				this.show=true
				   if(res.data.audit_status==1){
					   this.show=false
					   this.isapply=true
					   this.item.one=true
				   }else if(res.data.audit_status==2){
					      this.show=false
					   this.isapply=true
					   this.tiptop="恭喜您审核已通过！"

					   this.tipbtm="快去下载货司拉司机版~"
					     this.item.one=true
						 this.item.tow=true
				   }
				      this.isdisplay=true
				// drApplyDetail().then(({code,data})=>{
				// 	if(code==1){
				// 		console.log(!!data)
				// 		if(!!data){
				// 			this.getIndexCarFun();
				// 			return 
				// 		}
				// 		if( data['audit_status']!=2){
				// 			uni.redirectTo({
				// 				url:'/bundle/pages/dr_detail/dr_detail'
				// 			})
				// 		}
				// 		if(data['audit_status']==2){
				// 			uni.redirectTo({
				// 				url:'/bundle/pages/dr_info/dr_info'
				// 			})
				// 		}
						
						
				// 	}
				// })
			},
			getIndexCarFun(){
				getIndexCar().then(res=>{
					this.list = res.data.lists;
					this.loadShow = true;
					this.list.forEach(item=>{
						item.car_name = item.category_name
					})
				})
			},
			addressFirm(e){
			    this.info.province_id =  e[0].value ;
			         this.info.city_id = e[1].value;
			         this.info.district_id =  e[2].value;
				// this.info.province = e[0].label;
				// this.info.city = e[1].label;
				// this.info.district = e[2].label;
				this.addressValue = e[0].label + '-'+ e[1].label +'-'+e[2].label;
			},
			typeFirm(e){
			
				this.info.car_category_id = e[0].value;
				this.info.car_id = e[1].value;
				this.typeValue =   e[1].label
			},
			// 身份证正面 1 => 身份证反面 2 =>  车辆照片 3 =>  右前  4 => 驾驶证照片 5
			onSuccess(e,type) {
				
				if(e.code!=1){
					this.$toast({
						title:"上传失败,请重试"
					})
					return 
				}
				switch(type) {
					case 1 :
						this.info.id_card_front = e.data.uri
						break;
					case 2 :
						this.info.id_card_contrary = e.data.uri
						break;
					case 3 :
						this.info.right_img = e.data.uri
						break;
					case 4 :
						this.info.left_img = e.data.uri
						break;
					case 5 :
						this.info.driving_licence = e.data.uri
						break;
				}
				
			},
			// 移除图片
			onRemove(e,type) {
				switch(type) {
					case 1 :
						this.info.id_card_front = ''
						break;
					case 2 :
						this.info.id_card_contrary = ''
						break;
					case 3 :
						this.info.right_img = ''
						break;
					case 4 :
						this.info.left_img = ''
						break;
					case 5 :
						this.info.driving_licence = ''
						break;
				}
				
			},
			codeChange(tip) {
				this.codeTips = tip
			},
			closeisAgree(){
				this.isAgree=false
			},
			isIsAgree(){
				this.isAgree=true
			},
			
			sendSmsFun(){
				if (!this.info.mobile) {
					this.$toast({
						title: '请填写手机号信息'
					})
					return;
				}
				sendSms({mobile: this.info.mobile, key: SMSType.DRSQYZ}).then(res => {
				    if(res.code == 1) {
				        this.$toast({title:res.msg});
				        this.$refs.uCode.start();
				    }
				})
			},
			//开启手机号弹窗
			getphone(){
				this.showphone=true
			},
			//关闭遮罩
			closepopup(){
				this.show=false
			},
			//图片提交成功回调
			upsuccess(item){
			
				this.lists[item.id].imguri=item.uri
				this.lists[item.id].bgimg = `background-image:url(${item.uri})`
			},
			// 申请提交
			apply(){
				let {
					driver_name,
					mobile,
					code,
					id_card,
					city_id,
					district_id,
					province_id,
					province,
					city,
					district,
					address,
					
					id_card_front,
					id_card_contrary,
					// 驾驶证
					driving_licence,
					
					licence,
					
					
					car_category_id,
					car_id,
					brand_model,
					right_img,
					left_img,
					
				} = this.info
				driverApply({
					driver_name,
					mobile,
					code,
					id_card,
					city_id,
					district_id,
					province_id,
					address,
					id_card_front:this.lists[0].imguri,
					id_card_contrary:this.lists[1].imguri,
					driving_licence:this.lists[4].imguri,
					licence,
					car_category_id,
					car_id,
					brand_model,
					right_img:this.lists[2].imguri,
					left_img:this.lists[3].imguri,
				}).then(res=>{
					
					this.$toast({
						title:res.msg
					})
					if(res.code==1){
					      this.item.one=true
						  
						this.isapply=true
			
					}
					if(res.code==101){
						this.$toast({
							title:'请先前往个人中心绑定手机号'
						})
						setTimeout(()=>{
							uni.navigateTo({
								url:'/bundle/pages/user_profile/user_profile'
							})
						},1500)
					}
				}).catch(err=>{})
			},
			selectCar(){
				let value = this.typeValue
				uni.navigateTo({
					url:'/bundle/pages/dr_apply/select_car?value=' + value
				})
			},
			selectNumber(){

				let value = this.info.licence
				uni.navigateTo({
					url:'/bundle/pages/dr_apply/select_carnumber?value=' + value
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.certificate-content{
		margin-left: 22rpx;
		margin-top: 20rpx;
	}
    
	.certificate-char{
		margin-bottom: 20rpx;
		color: #8b8b8b;
	}
	.upload-content{
		border-radius: 10rpx;
		width: 340rpx;
		
		height: 200rpx;
		background-color: #e5e5e5;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		image{
			width: 70rpx;
		}
		.upload-char{
			margin-top: 10rpx;
			color: #8b8b8b;
		}
	}
	.send-icon{
		width: 120rpx;
		box-shadow: 1rpx 1rpx 10rpx #7f7f7f;
		height: 120rpx;
		border-radius: 100rpx;
		border: 5rpx solid #FFFFFF;
		background-color: #6ED566;
	}
	.certificate{
		padding-bottom: 50rpx;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.essential-information{
		height: 170rpx;
		display: flex;
		background-color: #FFFFFF;
		align-items: center;
	}
	.progress-contnet{
		background-color: #FFFFFF;
	
	}
	.button-style{
		margin-top: 150rpx;
		color: #FFFFFF;
		font-size: 30rpx;
		width: 700rpx;
		height: 100rpx;
		background-color:#E85631;
		border-radius: 8rpx;
	}
	.char-style{
		margin-top: 20rpx;
		color: #FFFFFF;
		font-size: 40rpx;
		
	}
	.popup-content{
		display: flex;
		justify-content: center;
	}
	.page{
		padding-bottom: 60upx;
	}
	.p1030{
		padding: 10upx 30upx;
	}
	.mt8{
		margin-top: 8upx;
	}
	
	.mt20{
		margin-top: 20upx;
	}
	.c-red{
		color: #F95B4F;
	}
	.footer{
			
	}
	.footer_btn{
		background-color: #F95B4F;
		padding: 20upx 0;
		border-radius: 5rpx;
	}
	.c-gray{
		color: #A5A5A5;
	}
	.logo-content{
		display: flex;
		margin-bottom: 20rpx;
	       .logo-img{
	       width: 150rpx;				 
	       }
		
	}
	.information{
		color: #a8a8a8;
		font-size: 30rpx;
		margin-right: 30rpx;
	}
	.tip-information{
		margin-top: 20rpx;
		margin-bottom: 60rpm;
		color:  #a8a8a8;
		padding-left: 72rpx;
		padding-right: 72rpx;
		font-size: 24rpx;
	}
	.verification-mobile{
		.join-btn{
			width: 100%;
			height: 126rpx;
			color: #FFFFFF;
			background-color: #E85631 ;
			position: fixed;
			bottom: 0px;
		}
		width: 100%;
		background-color: #FFFFFF !important;
		min-height: 100vh;
		background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/4a121085-c30c-4610-ac67-666bf4bfdfe1.png) no-repeat;
		background-size: 100%;
		
	}
	.phone-popup{
		width: 718rpx;
		height: 572rpx;
		
	}
	.next-step{
		width: 630rpx;
		height: 100rpx;
		border-radius: 80rpx;
		color: #FFFFFF;
		font-size: 40rpx;
		background-color: #E85631;
	}
	.need-know{
		color: #B3B3B3;
	}
	.is-affirm{
		width: 40rpx;
		margin-right: 16rpx;
		height: 40rpx;
		border-radius: 49rpx;
		background-color: #F72E2E;
	}
	.no-affirm{
		width: 40rpx;
		margin-right: 16rpx;
		height: 40rpx;
			border-radius: 49rpx;
		border: 3rpx solid #dadada;
	}
</style>
